<template>
  <div class="publish">
    <manage-sidebar class="sidebar"></manage-sidebar>
    <div class="main">
      <manage-header></manage-header>
      <manage-list></manage-list>
      <manage-footer></manage-footer>
    </div>
  </div>
</template>

<script>
import ManageHeader from '../components/Header'
import ManageSidebar from '../components/Sidebar'
import ManageList from './components/List'
import ManageFooter from '../components/Footer'
export default {
  name: 'Manage',
  components: {
    ManageHeader,
    ManageSidebar,
    ManageList,
    ManageFooter
  }
}
</script>

<style lang="less" scoped>
  .publish {
    display: flex;
    height: 100%;
    .main {
      position: relative;
      overflow: auto;
      flex-grow: 1;
      height: 1140px;
    }
    .sidebar {
      position: relative;
      height: 1140px;
    }
  }
</style>
